@import '@assets/css/common.scss';

.vol-msg-modal {
    padding: 25px;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;

    .list-title {
        padding-top: 20px;
        padding-left: 5px;
        font-size: $fzsl;
        color: #333;
    }

    .vol-active-list {
        width: 100%;

        .list-header-item {
            padding: 5px;
            width: 100%;
            line-height: 30px;
            text-align: left;
            color: $cor4;
            font-size: $fzn;
        }

        .active-list {
            .list-item {
                height: 40px;
                .item-ipt-parent {
                    padding: 5px 0;
                    margin: 0 5px;
                    line-height: 30px;

                    &.error {
                        .ant-input {
                            border-color: red;

                            &:hover {
                                border-color: red;
                            }
                        }
                    }

                    .ant-input, .ant-input:focus, .ant-input:hover {
                        outline: none;
                        box-shadow: none;
                    }
                    button[disabled] {
                        span {color: #d9d9d9;}
                    }
                    .ant-btn {
                        display: none;
                        font-size: $fzn;
                        height: 20px;
                        line-height: 20px;
                        margin-right: 5px;
                        cursor: pointer;
                        padding: 0;
                        border: none;
                        letter-spacing: 0px;

                        &.active {
                            display: inline;
                        }
                        &:nth-child(2n) {
                            margin-right: 0;
                        }
                    }

                    .anticon-close-circle {
                        display: none;
                    }
                }

            }
        }



        .append-vol-msg {
            margin: 20px 0 0;
            text-align: center;

            &[disabled] {
                cursor: not-allowed;
            }

            .add-btn {
                width: 100%;
                height: 32px;
                line-height: 32px;
                //color: #096dd9;
                font-size: $fzn;
            }

            .anticon {
                font-size: 16px;
                margin-right: 5px;

            }
        }
    }
}

.editable-row .ant-form-explain {
  position: absolute;
  font-size: 12px;
  margin-top: -4px;
}